// eslint-disable-next-line
import * as loginService from '@/api/login'
// eslint-disable-next-line
import { BasicLayout, BlankLayout, PageView, RouteView } from '@/layouts'

// 前端路由表 (基于动态)
const constantRouterComponents = {
  // 基础页面 layout 必须引入
  BasicLayout: BasicLayout,
  BlankLayout: BlankLayout,
  RouteView: RouteView,
  PageView: PageView,
  '403': () => import(/* webpackChunkName: "error" */ '@/views/exception/403'),
  '404': () => import(/* webpackChunkName: "error" */ '@/views/exception/404'),
  '500': () => import(/* webpackChunkName: "error" */ '@/views/exception/500'),

  // 你需要动态引入的页面组件
  Workplace: () => import('@/views/dashboard/Workplace'),
  Analysis: () => import('@/views/dashboard/Analysis'),
  User: () => import('@/views/system/user/index'),


  //自定义管理系统组件
  //菜单列表
   systemrMenu:() =>import('@/views/system/menu/index'),
  //角色列表
  systemRole:() =>import('@/views/system/role/index'),
  //用户列表
  systemUser:() =>import('@/views/system/user/index'),
  //部门列表
  systemDept:() =>import('@/views/system/dept/index'),



  
  dashboardSupplyHome:()=>import('@/views/system/user/index'),

  // form
  BasicForm: () => import('@/views/form/basicForm'),
  StepForm: () => import('@/views/form/stepForm/StepForm'),
  AdvanceForm: () => import('@/views/form/advancedForm/AdvancedForm'),

  // list
  TableList: () => import('@/views/list/TableList'),
  StandardList: () => import('@/views/list/BasicList'),
  CardList: () => import('@/views/list/CardList'),
  SearchLayout: () => import('@/views/list/search/SearchLayout'),
  SearchArticles: () => import('@/views/list/search/Article'),
  SearchProjects: () => import('@/views/list/search/Projects'),
  SearchApplications: () => import('@/views/list/search/Applications'),
  ProfileBasic: () => import('@/views/profile/basic'),
  ProfileAdvanced: () => import('@/views/profile/advanced/Advanced'),

  // result
  ResultSuccess: () => import(/* webpackChunkName: "result" */ '@/views/result/Success'),
  ResultFail: () => import(/* webpackChunkName: "result" */ '@/views/result/Error'),

  // exception
  Exception403: () => import(/* webpackChunkName: "fail" */ '@/views/exception/403'),
  Exception404: () => import(/* webpackChunkName: "fail" */ '@/views/exception/404'),
  Exception500: () => import(/* webpackChunkName: "fail" */ '@/views/exception/500'),

  // account
  AccountCenter: () => import('@/views/account/center'),
  AccountSettings: () => import('@/views/account/settings/Index'),
  BasicSetting: () => import('@/views/account/settings/BasicSetting'),
  SecuritySettings: () => import('@/views/account/settings/Security'),
  CustomSettings: () => import('@/views/account/settings/Custom'),
  BindingSettings: () => import('@/views/account/settings/Binding'),
  NotificationSettings: () => import('@/views/account/settings/Notification')



  // 'TestWork': () => import(/* webpackChunkName: "TestWork" */ '@/views/dashboard/TestWork')
}

// 前端未找到页面路由（固定不用改）
const notFoundRouter = {
  path: '*',
  redirect: '/404',
  hidden: true
}

// 根级菜单
const rootRouter = {
  key: '',
  name: 'index',
  path: '',
  component: 'BasicLayout',
  redirect: '/dashboard',
  meta: {
    title: '首页'
  },
  children: [

  ]
}

 
// export const generatorStaticRouter = () => {

// }

/**
 * 动态生成菜单
 * @param token
 * @returns {Promise<Router>}
 */
export const generatorDynamicRouter = token => {
  return new Promise((resolve, reject) => {
    loginService
      .getCurrentUserNav(token)
      .then(res => {
        console.log('动态菜单返回', res)
        const result  = res.data
        const menuNav = []
        const childrenNav = []
        console.log(result);
        //      后端数据, 根级树数组,  根级 PID
        //listToTree(result, childrenNav, 0)
        //rootRouter.children = childrenNav

        rootRouter.children = result
        
        rootRouter.children.forEach(item=>{
          item.component = 'RouteView'
          item.title = item.name
          item.children.forEach(o=>{
            if (o.url.split('/').length>2){
              o.component = o.url.split('/')[o.url.split('/').length-2]+capitalized(o.url.split('/')[o.url.split('/').length-1])
              o.title = o.name
              o.name = o.url.split('/')[o.url.split('/').length-2]+capitalized(o.url.split('/')[o.url.split('/').length-1])
            }
          })
        })
        console.log(rootRouter.children);
 
        menuNav.push(rootRouter)
        console.log('menuNav', menuNav)
        const routers = generator(menuNav)
        //routers.push(rootRouter)

        console.log('routers', routers)
        resolve(routers)
      })
      .catch(err => {
        reject(err)
      })
  })
}
/**
 * 格式化树形结构数据 生成 vue-router 层级路由表
 * @param routerMap
 * @param parent
 * @returns {*}
 */
export const generator =  (routerMap, parent) => {
  console.log("all",routerMap);
  return routerMap.map( item => {
    // const { title, show, hideChildren, hiddenHeaderContent, target, icon } = item.meta || {}
    // const currentRouter = item
    const currentRouter = {
      // 如果路由设置了 path，则作为默认 path，否则 路由地址 动态拼接生成如 /dashboard/workplace
      path: item.url || `${(parent && parent.url) || ''}/${item.key}`,
      // 路由名称，建议唯一
      key: item.url,
      name: item.name || item.key || '',
      // 该路由对应页面的 组件 :方案1
      component: constantRouterComponents[item.component],
      // 该路由对应页面的 组件 :方案2 (动态加载)
      // component: constantRouterComponents[item.component || item.key] || (() => import(`@/views/${item.component}`)),

      // meta: 页面标题, 菜单图标, 页面权限(供指令权限用，可去掉)
      meta: {
        title: item.title,
        icon: item.icon || undefined,
        // hiddenHeaderContent: hiddenHeaderContent,
        // target: target,
        permission: item.permission
      }
    }
    // if (item.type === 0) {
    //   currentRouter.component = RouteView
    // }else if (item.type !== 0){
    //   currentRouter.component = constantRouterComponents[item.url]
    // }


    // // 是否设置了隐藏菜单
    // if (show === false) {
    //   currentRouter.hidden = true
    // }
    // // 是否设置了隐藏子菜单
    // if (hideChildren) {
    //   currentRouter.hideChildrenInMenu = true
    // }
    // 为了防止出现后端返回结果不规范，处理有可能出现拼接出两个 反斜杠
    if (!currentRouter.path.startsWith('http')) {
      currentRouter.path = currentRouter.path.replace('//', '/')
    }
    // 重定向
    // item.url && (currentRouter.path = item.url)
    // 是否有子菜单，并递归处理
    console.log("old",item);
    console.log("newR",currentRouter);
    if (item.children && item.children.length > 0) {
      // Recursion
      currentRouter.children = generator(item.children, currentRouter)
    }
   
    return currentRouter
  })
}
 
 

/**
 * 格式化树形结构数据 生成 vue-router 层级路由表
 *
 * @param routerMap
 * @param parent
 * @returns {*}
 */
// export const generator = (routerMap, parent) => {
//   return routerMap.map(item => {
//     const { title, show, hideChildren, hiddenHeaderContent, target, icon } = item.meta || {}
//     const currentRouter = {
//       // 如果路由设置了 path，则作为默认 path，否则 路由地址 动态拼接生成如 /dashboard/workplace
//       path: item.path || `${(parent && parent.path) || ''}/${item.key}`,
//       // 路由名称，建议唯一
//       name: item.name || item.key || '',
//       // 该路由对应页面的 组件 :方案1
//       // component: constantRouterComponents[item.component || item.key],
//       // 该路由对应页面的 组件 :方案2 (动态加载)
//       component: constantRouterComponents[item.component || item.key] || (() => import(`@/views/${item.component}`)),

//       // meta: 页面标题, 菜单图标, 页面权限(供指令权限用，可去掉)
//       meta: {
//         title: title,
//         icon: icon || undefined,
//         hiddenHeaderContent: hiddenHeaderContent,
//         target: target,
//         permission: item.name
//       }
//     }
//     // 是否设置了隐藏菜单
//     if (show === false) {
//       currentRouter.hidden = true
//     }
//     // 是否设置了隐藏子菜单
//     if (hideChildren) {
//       currentRouter.hideChildrenInMenu = true
//     }
//     // 为了防止出现后端返回结果不规范，处理有可能出现拼接出两个 反斜杠
//     if (!currentRouter.path.startsWith('http')) {
//       currentRouter.path = currentRouter.path.replace('//', '/')
//     }
//     // 重定向
//     item.redirect && (currentRouter.redirect = item.redirect)
//     // 是否有子菜单，并递归处理
//     if (item.children && item.children.length > 0) {
//       // Recursion
//       currentRouter.children = generator(item.children, currentRouter)
//     }
//     return currentRouter
//   })
// }
// 字符换第一个字母大写
const capitalized = (name)=>{
  const capitalizedFirst = name[0].toUpperCase();
  const rest = name.slice(1);
  return capitalizedFirst + rest;
}
 
/**
 * 数组转树形结构
 * @param list 源数组
 * @param tree 树
 * @param parentId 父ID
 */
const listToTree = (list, tree, parentId) => {
  list.forEach(item => {
    // 判断是否为父级菜单
    if (item.parentId === parentId) {
      const child = {
        ...item,
        key: item.key || item.name,
        children: []
      }
      // 迭代 list， 找到当前菜单相符合的所有子菜单
      listToTree(list, child.children, item.id)
      // 删掉不存在 children 值的属性
      if (child.children.length <= 0) {
        delete child.children
      }
      // 加入到树中
      tree.push(child)
    }
  })
}
